window.onload = function() {
    // 用for循环给品优快报下的i加背景图片
    // 获取lifeservice中所有的i
    var icons = document.querySelector(".lifeservice").querySelectorAll("i");
    // 创建x=0
    var countX = 0;
    var countY = 0;
    // 使用for循环来设置每个li的背景
    for (var i = 0; i < icons.length; i++) {
        // 通过设置不同的X和Y坐标来设置不同li的背景图
        // console.log(icons.length);
        var index_x = countX * 62;
        var index_y = countY * 72;
        icons[i].style.backgroundPosition = "-" + index_x + "px -" + index_y + "px";
        // console.log(index_x);
        // console.log(index_y);
        countX++;
        if ((i + 1) % 4 == 0) {
            countX = 0;
            countY++;
        }

    }
    // 全部商品分类右侧service_float弹出菜单
    // 获取class为service_float
    var service_float = document.querySelector(".service_float");
    // console.log(licons.length);
    // 获取左侧dropdown板块中dd盒子里面所有的li
    var Allli = document.querySelector(".dd").querySelectorAll("li");
    // console.log(Allli.length);
    // 给左侧dropdown板块中dd盒子里面所有的li绑定一个鼠标移动事件


    function over() {
        service_float.style.display = "block";
    };

    function out() {
        service_float.style.display = "none";
    };
    for (var l = 0; l < Allli.length; l++) {
        bind(Allli[l], "mouseover", over);

    }
    for (var l = 0; l < Allli.length; l++) {
        bind(Allli[l], "mouseout", out);
    }


    bind(service_float, "mouseover", over);
    bind(service_float, "mouseout", out);

    //定义一个函数,用来为指定元素绑定响应函数
    /*
     *	addEventListener()中的this,是绑定事件的对象
     * 	attachEvent()中的this,是window
     * 		需要统一两个方法的this
     * 
     * 
     */


    /*
     *
     *	参数： 
     * 	obj 要绑定事件的对象
     * 	eventStr 事件的字符串（不要on）
     * 	callback 回调函数
     * 
     */
    function bind(obj, eventStr, callback) {

        //obj.addEventListener会返回一个布尔值，true则是有，false1则是没有
        if (obj.addEventListener) {

            //大部分浏览器的兼容方式
            obj.addEventListener(eventStr, callback, false);

        } else {
            /*
             *	this是谁由调用方式决定
             * 	callback.call(obj) //把this指定为obj
             * 
             */

            //IE8及以下
            obj.attachEvent("on" + eventStr, function() {

                //在匿名函数中调用回调函数
                callback.call(obj);

            });


        }

    };

};